$(function () {

    // 手机端的触摸滑动轮播图事件
    var myTouch = util.toucher(document.getElementById('index-banner'));
    myTouch.on('swipeLeft', function (e) {
        $('#bannerright').click();
    }).on('swipeRight', function (e) {
        $('#bannerleft').click();
    });
    // 窗口响应更换内容和样式
    var indexPrev = $('#index-prev'),
		indexNext = $('#index-next'),
		introHeaders = $('.index-intro .header-wrapper'),
		indexTrend = $('#index-trends'),
		indexTrends = $('#index-trends .col-md-3'),
		tremdWidth;
    $(window).on('resize load', function () {
        var width = $(window).width();
        trendWidth = indexTrends.innerWidth();
        // 更换banner的图片
        //var imgList = $('#index-banner .item img');
        //var imgSrc = '';
        //for (var i = 0, len = imgList.length; i < len; i++) {
        //    var imgArray = imgList[i].src.split('/');
        //    if (width <= 992) {
        //        if (imgList[i].src.indexOf('small') != -1) {
        //            return;
        //        }
        //        imgSrc = imgArray.slice(imgArray.length - 2).join('/').replace('big', 'small');
        //    } else {
        //        if (imgList[i].src.indexOf('small') == -1) {
        //            return;
        //        }
        //        imgSrc = imgArray.slice(imgArray.length - 2).join('/').replace('small', 'big');
        //    }

        //    imgList[i].src = imgSrc;
        //}


        if (width <= 992) {
            // 更换所有section的标题
            introHeaders.each(function (index) {
                if (index == 1) {
                    introHeaders[index].innerHTML = '<a href=""><img src="/Content/images/index-header' + (index + 1) + '.png"/></a>';
                } else {
                    introHeaders[index].innerHTML = '<img src="/Content/images/index-header' + (index + 1) + '.png"/>';
                }
            });
        } else {
            // 更换banner的图片
            // 更换所有section的标题
            introHeaders[0].innerHTML = '<h1>企业环境&nbsp;<span>Enterprise Environment</span></h1>';
            introHeaders[1].innerHTML = '<h1 class="pull-left">公司动态&nbsp;<span>Company Dynamics</span></h1><div class="pull-right visible-md-block visible-lg-block index-trend-btn"><a id="index-prev" class="prev" href="javascript:;">&lt;</a><a id="index-next" class="next" href="javascript:;">&gt;</a></div>';
            introHeaders[2].innerHTML = '<h1>宣传视频&nbsp;<span>Video</span></h1>';


            jQuery(".picScroll-left").slide({ titCell: ".index-trend-btn ul", mainCell: "#index-trends ul", autoPage: true, effect: "leftLoop", autoPlay: false, vis: 4 });
        }

    });
    // 窗口响应更换内容和样式end



    /*// 公司动态左右按钮点击事件
	var trendItem = indexTrend.children('.hidden-sm');
	indexPrev.on('click',function(){
		if(trendItem.position().left >= 0) {
			trendItem.css({'left':-(indexTrends.length-4)*trendWidth});
		}
		trendItem.animate({ left: '+='+trendWidth }, 1000);
	});

	indexNext.on('click',function(){
		if(trendItem.position().left <= -(indexTrends.length-4)*trendWidth) {
			//console.log(indexTrend.children('.hidden-sm').position().left);
			trendItem.css({'left':0});
		}
		trendItem.animate({ left: '-='+trendWidth }, 1000);
	});*/



    // 首页轮播图js效果start
    // 获取要操作的元素
    var carousel = $('#index-banner');
    // 动态生成li
    // console.log(carousel.children('div:eq(0)').children('.item'));
    carousel.children('div:eq(0)').children('.item').each(function (i) {
        var className = '';
        className = i ? '' : 'active';
        carousel.children('ol').append($('<li data-target="#index-banner" data-slide-to="' + i + '" class="' + className + '"></li>'))
    });

    // 绑定鼠标hover事件
    carousel.hover(function () {
        $(this).children('a').show();
    },
		function () {
		    $(this).children('a').hide();
		});

})

